﻿@model  YEBHI.Entities.IA_USER_REGISTRATION
@{
    ViewBag.Title = "Account_Registration";
}
<div id="custom_registration">
    <div class="registration-left">
        <div class="creat-accoun">
            New Member Registration
        </div>
        <div class="check-in">
            <p>@(ViewBag.Message != null ? Html.Raw(ViewBag.Message) : string.Empty)</p>
            <p style="color: #454545; font: bold 18px normal Arial,Helvetica,sans-serif; margin: 0 0 10px 11px;">
                Register with</p>
            <br />
            <a href="javascript:;" onclick="callFacebook();">
                @Sprite.Image("~/App_Sprites/sig-fcbok.gif")
            </a>&#160; &#160; &#160; <a href="javascript:;" onclick="callGoogle();">
                @Sprite.Image("~/App_Sprites/sign-conct-2.gif")
            </a>
            @Sprite.Image("~/App_Sprites/logjn-bg.jpg", new { border = "0", style = "margin:10px 23px 10px 0px;" })
            <br />
            @using (Html.BeginForm("Registration", "Account", FormMethod.Post))
            {
                <table width="100%" border="0" cellspacing="0" style="table-layout: fixed;" cellpadding="0">
                    <tr>
                        <td>
                            First Name
                        </td>
                        <td>
                            <input type="text" id="txtFirstName" name="FirstName" class="inputbox" value="@Model.IAUR_FNAME" />
                        </td>
                        <td rowspan="4" valign="top">
                            <img id="imgUserImage" width="100" name="imgUserImage" alt="userImage" />
                            <input type="hidden" id="hdnUserImage" name="hdnUserImage" />
                        </td>
                    </tr>
                    <tr>
                        <td>
                            Last Name
                        </td>
                        <td>
                            <input type="text" id="txtLastName" name="LastName" class="inputbox" value="@Model.IAUR_LNAME" />
                        </td>
                    </tr>
                    <tr>
                        <td>
                            Email
                        </td>
                        <td>
                            <input type="text" id="txtEmail" name="Email" class="inputbox" value="@Model.IAUR_EMAIL" />
                        </td>
                    </tr>
                    <tr>
                        <td>
                            Password
                        </td>
                        <td>
                            <input type="password" id="txtPassword" name="Password" class="inputbox" />
                        </td>
                    </tr>
                    <tr>
                        <td>
                            Confirm Password
                        </td>
                        <td>
                            <input type="password" id="txtConfirmPassword" name="ConfirmPassword" class="inputbox" />
                        </td>
                    </tr>
                    <tr>
                        <td>
                            Phone
                        </td>
                        <td colspan="2">
                            <input type="text" id="txtPhone" name="Phone" class="inputbox"  value="@Model.IAUR_PHONE" />
                        </td>
                    </tr>
                    <tr>
                        <td>
                            Mode Of Communication
                        </td>
                        <td style="white-space: nowrap">
                            <input type="radio" id="rbtnPhone" name="CommunicationMode" value="0" />
                            By Phone
                            <input type="radio" id="rbtnEmail" name="CommunicationMode" value="0" />
                            By Email
                        </td>
                    </tr>
                    <tr valign="top">
                        <td>
                            Enter code
                        </td>
                        <td>
                            <table width="250px">
                                <tr>
                                    <td width="200px">
                                        <img id="ImgCaptcha" src="captcha.ashx"></img>
                                    </td>
                                    <td width="2px">
                                    </td>
                                    <td>
                                        <a href="javascript:window.location.reload()">
                                            @Sprite.Image("~/App_Sprites/refresh.jpg")
                                        </a>
                                    </td>
                                </tr>
                            </table>
                            <input type="text" id="VerificationID" name="VerificationID" class="inputbox" />
                        </td>
                    </tr>
                    <tr>
                        <td>
                        </td>
                        <td>
                            <br />
                            <input type="submit" value="Register" class="black-submit button orange button-big" />
                        </td>
                    </tr>
                </table>
            }
        </div>
    </div>
</div>
